<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>个人中心我的页面模板</title>
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<link rel="Shortcut Icon" href="favicon.ico">
<link rel="stylesheet" href="css/m_common.css">
<!-- 个人中心 css -->
<link rel="stylesheet" href="css/m_personal.css">
<!-- 个人中心 css end -->
<!-- 公共 js -->
<script src="js/jquery.js"></script>
<script src="js/m_public.js"></script>
<!-- 公共 js end-->
</head>
<body>
<!-- header -->
<header class="f">
    <a class="home" href="javascript:void(0)"></a>
    <a class="logo" href="/"></a>
    <a class="person" href=""></a>
</header>
<!-- header end -->
<!-- 个人中心 头部 -->
<div class="acchomehd">
    <a href=""><img class="avatar" src="images/01.png"></a>
    <div class="pinfo">
        <h1><a href="">用户名</a></h1>
        <div class="ptag">
            <i class="vtag vtagd"><i>潮爸</i><i>1岁</i></i>
        </div>
    </div>
    <a class="more" href="">完善个人资料</a>
</div>
<!-- 个人中心 头部 end -->
<!-- 提示完善孩子信息 -->
<div class="perinfo">完善孩子信息，获得适龄活动推荐</div>
<!-- 提示完善孩子信息 end -->
<!-- 我的订单导航 -->
<div class="per_orders">
    <div class="titlebar">
        我的订单
        <a href="" class="more">查看全部订单</a>
    </div>
    <ul>
        <li>
            <a href="">
              <i class="meod1"></i>
              待付款
              <em>12</em>
            </a>
        </li>
        <li>
            <a href="">
              <i class="meod2"></i>
              未出行
              <em>12</em>
            </a>
        </li>
        <li>
            <a href="">
              <i class="meod3"></i>
              待评价
              <em>12</em>
            </a>
        </li>
        <li>
            <a href="">
              <i class="meod4"></i>
              退款订单
              <em>12</em>
            </a>
        </li>
    </ul>
</div>
<!-- 我的订单导航 end -->
<!-- 我的账户数据 -->
<div class="account">
    <ul>
        <li>
            <a href="">
                <h3>优惠券</h3>
                <div class="num"><i>5</i><em></em></div>
            </a>
        </li>
        <li>
            <a href="">
                <h3>我的积分</h3>
                <div class="num"><i>108</i><em></em></div>
            </a>
        </li>
        <li>
            <a href="">
                <h3>账户余额</h3>
                <div class="num"><i>5000</i><em></em></div>
            </a>
        </li>
    </ul>
</div>
<!-- 我的账户数据 end -->
<!-- 个人中心相关导航 -->
<div class="plist">
    <ul>
        <li><a href="" class="fav">我的通知</a></li>
        <li><a href="" class="fav">我的收藏<i class="numtag">2</i></a></li>
        <li><a href="" class="travler">常用出行人</a></li>
    </ul>
</div>
<div class="plist">
    <ul>
        <li><a href="" class="share">邀请有礼<i class="numtag">邀请好友注册，得积分奖励！</i></a></li>
        <li><a href="" class="business">业务合作</a></li>
        <li><a href="" class="about">关于麦淘</a></li>
    </ul>
</div>
<!-- 个人中心相关导航 end -->
<!-- 退出账号  -->
<div class="tui">
	<a href="">退出账号</a>
</div>
<!-- 退出账号 end -->
<!-- 回顶部到页底 -->
<div id="shortcutarrow">
     <a class="gototop" href="javascript:void(0)" title="回顶部" onclick="gototop()" target="_self" id="gototop">顶</a>
     <a class="gotobottom" href="javascript:void(0)" title="到页底" onclick="gotobottom()" target="_self" id="gotobottom">底</a> 
</div>
<!-- 回顶部到页底 end -->
</body>
</html>